<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>共享</title>
    <link href="../css/mui.css" rel="stylesheet"/>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../css/mui-icons-extra.css" rel="stylesheet"/>
	<style type="text/css">
		/* 底部菜单 */
		.app-bottom { background: #DD0000; }
		.app-bottom span { color: #FFF; }
		.app-active { background: #FF0000; }
		/* header */
		.app-header { width: 100%; height: 200px; background: #FF0000; }
		#app-head-img { margin: 0 auto; padding: 15px 0; width: 80px; height: 80px; }
		#app-head-img img { width: 80px; height: 80px; overflow: hidden; 
			border-radius: 80px; border: 2px solid #FFF; }
		.app-header p { margin-top: 30px; color: #FFF; 
			text-align: center; font-weight: bolder; }
		.app-income{ width: 100%; }
		.app-income div { padding: 10px 0; width: 50%; height: 60px; 
			background: #DD0000; color: #FFF; float: left; 
			border: 1px solid #FF0000; text-align: center; }
		.app-income span { font-size: 12px; }
		/* box */
		.app-box { width: 100%; }
		.app-box div { width: 33%; height: 100px;
			border: 1px solid #EEE; background: #FFF; float: left; }
		.box-list { padding-top: 20px; text-align: center; }
		.box-list span { color: darkred; }
		.box-list p { padding-top: 10px; color: #000; font-size: 12px; }
		/* 广播 */
		#gb { margin: 0 1%; padding: 5px 1%; width: 97%; 
			background: #FFF; color: red; box-shadow: 0 0 5px #888; }
		/* 设置 */
		#myset { position: fixed; top: 10px; right: 20px; }
		#myset span { font-size: 30px; color: #FFF; }
	</style>
</head>
<body>	
	<div class="app-header">
		<div id="app-head-img">
			<img src="../imgs/logo.png">
		</div>
		<p>你的昵称</p>
		<div class="app-income">
			<div>
				<b>100</b>
				<br>
				<span>账户积分</span>
			</div>
			<div>
				<b>10.00</b>
				<br>
				<span>账户余额</span>
				<span class="mui-icon mui-icon-forward">提现</span>
			</div>
		</div>
		<div id="myset" onclick="mui.toast('待接入..')">
			<span class="mui-icon mui-icon-gear"></span>
		</div>
	</div>
	
	<div style="height:10px;"></div>
	<div id="gb">
		<span class="mui-icon-extra mui-icon-extra-notice"></span>
		恭喜张某某，获得佣金10元！
	</div>
	
	<div style="height:10px;"></div>
	<div class="app-box">
		<div class="box-list" onclick="mui.toast('待接入..')">
			<span class="mui-icon-extra mui-icon-extra-peoples"></span>
			<p>已推荐0人</p>
		</div>
		<div class="box-list" onclick="mui.toast('待接入..')">
			<span class="mui-icon-extra mui-icon-extra-cart"></span>
			<p>自己购买</p>
		</div>
		<div class="box-list" onclick="mui.toast('待接入..')">
			<span class="mui-icon-extra mui-icon-extra-cate"></span>
			<p>好友购买</p>
		</div>
		<div class="box-list" onclick="mui.toast('待接入..')">
			<span class="mui-icon-extra mui-icon-extra-gift"></span>
			<p>还有0次抽大奖</p>
		</div>
		<div class="box-list" onclick="mui.toast('待接入..')">
			<span class="mui-icon mui-icon-contact"></span>
			<p>长期会员</p>
		</div>
		<div class="box-list" onclick="mui.toast('待接入..')">
			<span class="mui-icon mui-icon-spinner-cycle mui-spin"></span>
			<p>最新活动</p>
		</div>
		<div class="box-list" onclick="mui.toast('待接入..')">
			<span class="mui-icon mui-icon-help"></span>
			<p>福利说明</p>
		</div>
		<div class="box-list" onclick="mui.toast('待接入..')">
			<span class="mui-icon mui-icon-personadd"></span>
			<p>用户查询</p>
		</div>
	</div>
	
	<!-- 底部菜单 -->
	<nav class="mui-bar mui-bar-tab app-bottom">
		<a class="mui-tab-item" onclick="jumpToIndex()">
			<span class="mui-icon mui-icon-videocam"></span>
			<span class="mui-tab-label">视频</span>
		</a>
		<a class="mui-tab-item app-active">
			<span class="mui-icon mui-icon-list"></span>
			<span class="mui-tab-label">佣金</span>
		</a>
	</nav>
	<!-- 底部菜单 -->
</body>
</html>

<script src="../js/mui.js"></script>
<script src="../js/app.js"></script>
<script type="text/javascript" charset="utf-8">
	var cw = document.documentElement.clientWidth; //屏幕宽度
	var ch = document.documentElement.clientHeight; //屏幕高度
	// //自动加载
	// (function($, owner) {
	// }(mui, window.app = {}));
	//跳转到首页
	function jumpToIndex(){
		var tourl = '/views/index.html';
		mui.plusReady(function () {
			plus.webview.open(tourl);
		});	
	}
</script>